.mine-wrap{
  padding: 20rpx;
  .user-info{
    display: flex;
    .head-img{
      .avatar-wrapper{
        padding: 0;
        width: 90rpx;
        height: 90rpx;
        border-radius: 50%;
        // border: 1rpx solid rgb(218, 211, 211);
        border-radius: 50%;
        background-color: transparent !important;
        .avatar {
          display: block;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          border-radius: 50%;
        }
      }
    }
    .other-msg{
      padding: 0 20rpx;
      .name{
        font-size: 16px;
        font-weight: bold;
      }
    }
  }
  .manage-menu{
    display: flex;
    padding: 30rpx 0;
    margin-top: 40rpx;
    border: 1rpx solid rgb(218, 211, 211);
    .mu-item{
      width: 25%;
      .img{
        display: block;
        width: 60rpx;
        height: 60rpx;
        margin: 0 auto;
        border-radius: 50%;
        // border: 1rpx solid #000;

      }
      .name{
        font-size: 14px;
        text-align: center;
        padding-top: 10rpx;
      }
    }
  }
  .charge-mark{
    padding: 20rpx;
    margin-top: 40rpx;
    border: 1rpx solid rgb(218, 211, 211);
    .title{
      padding: 10rpx 0;
      font-size: 16px;
      font-weight: bold;
    }
    .content{
      width: 100%;
      height: 500rpx;
      margin-top: 20rpx;
      border: 1rpx solid rgb(218, 211, 211);
    }
  }
}